<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>发布任务</title>

    <meta name="description" content="User browse the task" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />

    <!-- The css corresponding to page -->
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/publish.css" />
    <link rel="stylesheet" href="css/datedropper.css" />
    <link rel="stylesheet" href="css/timedropper.min.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="fonts/fonts.googleapis.com.css" />

    <!--angularjs and the corresponding js for page-->
    <script src="js/angular.min.js"></script>
    <script src="js/jquery.2.1.1.min.js"></script>
    <script src="js/globalVar.js"></script>
    <script src="js/datedropper.min.js"></script>
    <script src="js/timedropper.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6ojaMOEL55KC64PyYMnjMptuPAGnnWtm"></script>
    <script src="js/publish.js"></script>
</head>

<body>
<div class="container">
    <!--顶部导航栏-->
    <nav class="mynavbar navbar navbar-default" role="navigation">
        <div style="float:left;width:20%;"><i class="fa fa-arrow-left fa-2x" style="color:white;margin:10px;"></i></div>
        <div class="navbar-header">
            <div style="display:inline-block;position:relative;right:13%;"><a class="navbar-brand" href="#">发布任务</a></div>
        </div>
    </nav>

    <!--中间内容部分-->
    <div class="middle-content" ng-controller="publishCtrl">
        <form id="input_div" class="bs-example bs-example-form" role="form">
            <div class="input-group my-input">
                <span class="input-group-addon myspan"><i class="fa fa-check-circle-o"></i></span>
                <select class="form-control myinput" ng-change="setSelectedType(typeVar)" ng-model="typeVar">
                    <option disabled selected hidden value="none">选择任务类型</option>
                    <option value="GE">取快递</option>
                    <option value="GM">帮带饭</option>
                    <option value="GB">帮带书</option>
                </select>
            </div>
            <br>
            <div class="input-group my-input">
                <span class="input-group-addon myspan"><i class="fa fa-snowflake-o"></i></span>
                <input type="text" class="form-control myinput" ng-model="title" placeholder="输入任务标题">
            </div>
            <br>
            <div class="input-group my-input">
                <span class="input-group-addon myspan bigger"><i class="fa fa-sticky-note-o"></i></span>
                <textarea class="form-control myinput bigger" ng-model="description" placeholder="输入任务描述"></textarea>
            </div>
            <br>
            <div class="input-group my-input">
                <span class="input-group-addon myspan"><i class="fa fa-clock-o"></i></span>
                <input type="text" class="form-control myinput" ng-model="start_t" id="pickdate" placeholder="任务开始时间">
            </div>
            <br>
            <div class="input-group my-input">
                <span class="input-group-addon myspan"><i class="fa fa-info-circle"></i></span>
                <input type="text" class="form-control myinput" ng-model="end_t" id="picktime" placeholder="任务结束时间">
            </div>
            <br>
            <div class="input-group my-input">
                <span class="input-group-addon myspan"><i class="fa fa-heart-o"></i></span>
                <input type="text" class="form-control myinput" ng-model="credit" placeholder="任务奖励积分">
            </div>
            <br>
            <div class="input-group my-input">
                <span class="input-group-addon myspan"><i class="fa fa-check-circle-o"></i></span>
                <select class="form-control myinput" ng-change="setSelectedAggregationType(aggregationVar)" ng-model="aggregationVar">
                    <option disabled selected hidden value="none">选择结果聚合函数</option>
                    <option value="TP">投票</option>
                </select>
            </div>
            <br>
            <div class="input-group my-input">
                <span style="margin-left:5px;">任务人数：</span>
                <span class="input-number-decrement" ng-click="decreaseNum()">–</span><input class="input-number" ng-model="worker_num" type="text" value="1"><span class="input-number-increment" ng-click="addNum()">+</span>
            </div>
            <br>
            <div class="input-group my-input" ng-show="worker_num>1">
                <span class="input-group-addon myspan"><i class="fa fa-check-circle-o"></i></span>
                <select class="form-control myinput" ng-change="setSelectedAllocationType(taskAllocationVar)" ng-model="taskAllocationVar">
                    <option disabled selected hidden value="none">选择任务分配模式</option>
                    <option value="FCFS">先到先得</option>
                    <option value="RF">评分优先</option>
                    <option value="SBM">由我选择</option>
                </select>
            </div>
            <br>
        </form>

        <div class="input-group my-input">
            <input type="button" class="form-control my-button-radius-border btn btn-info publish-btn" value="发布">
        </div>
    </div>

    <!--底部导航栏-->
    <nav class="mybottomnav navbar navbar-default navbar-fixed-bottom" role="navigation">
        <ul class="nav navbar-nav bottom-ul">
            <li><a class="btn" href="search_task.html"><i class="fa fa-eye fa-lg upper-img"></i> <span class="bottom-text">浏览</span></a></li>
            <li><a class="btn" href="#"><i class="fa fa-address-book-o fa-lg upper-img-three"></i> <span class="bottom-text-three">通讯录</span></a></li>
            <li><a class="btn myactive" href="#"><i class="fa fa-plus fa-lg upper-img"></i> <span class="bottom-text">发布</span></a></li>
            <li><a class="btn" href="#"><i class="fa fa-user-o fa-lg upper-img"></i> <span class="bottom-text">我的</span></a></li>
        </ul>
    </nav>


</div>
</body>
</html>